<template>
  <div>
    <!--    主营业务收入-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">1.主营业务收入</div>
      </div>
      <!--      <div class="total">-->
      <!--        <span>合计 : {{ data.this_month.main_business_income_subtotal }}</span>-->
      <!--        <span>单位 : 元</span>-->
      <!--      </div>-->
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody v-if="isData" class="body">
        <tr>
          <td>利息收入</td>
          <td>{{ data.this_new.business_income_interest_income }}</td>
          <td>{{ data.this_year.business_income_interest_income }}</td>
          <td>{{ data.this_month.business_income_interest_income }}</td>
        </tr>
        <tr>
          <td>罚息收入</td>
          <td>{{ data.this_new.business_income_penalty_interest_income }}</td>
          <td>{{ data.this_year.business_income_penalty_interest_income }}</td>
          <td>{{ data.this_month.business_income_penalty_interest_income }}</td>
        </tr>
        <tr>
          <td>手续费收入</td>
          <td>{{ data.this_new.business_income_commission_income }}</td>
          <td>{{ data.this_year.business_income_commission_income }}</td>
          <td>{{ data.this_month.business_income_commission_income }}</td>
        </tr>
        <tr>
          <td>展期手续费收入</td>
          <td>{{ data.this_new.business_income_income_from_extension_fees }}</td>
          <td>{{ data.this_year.business_income_income_from_extension_fees }}</td>
          <td>{{ data.this_month.business_income_income_from_extension_fees }}</td>
        </tr>
        <tr>
          <td>历史逾期收入</td>
          <td>{{ data.this_new.business_income_historical_overdue_income }}</td>
          <td>{{ data.this_year.business_income_historical_overdue_income }}</td>
          <td>{{ data.this_month.business_income_historical_overdue_income }}</td>
        </tr>
        <tr>
          <td>业务额外收入</td>
          <td>{{ data.this_new.business_additional_income }}</td>
          <td>{{ data.this_year.business_additional_income }}</td>
          <td>{{ data.this_month.business_additional_income }}</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.this_new.main_business_income_subtotal }}</td>
          <td>{{ data.this_year.main_business_income_subtotal }}</td>
          <td>{{ data.this_month.main_business_income_subtotal }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--    其他业务收入-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">2.其他业务收入</div>
      </div>
      <!--      <div class="total">-->
      <!--        <span>合计 : {{ data.this_month.non_operating_income_subtota }}</span>-->
      <!--        <span>单位 : 元</span>-->
      <!--      </div>-->
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td>其他业务收入</td>
          <td>{{ data.this_new.other_business_income }}</td>
          <td>{{ data.this_year.other_business_income }}</td>
          <td>{{ data.this_month.other_business_income }}</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.this_new.other_business_income_subtotal }}</td>
          <td>{{ data.this_year.other_business_income_subtotal }}</td>
          <td>{{ data.this_month.other_business_income_subtotal }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--    主营业务成本-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">3.主营业务成本</div>
      </div>
      <!--      <div class="total">-->
      <!--        <span>合计 : {{ data.this_month.main_business_cost_subtota }}</span>-->
      <!--        <span>单位 : 元</span>-->
      <!--      </div>-->
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody v-if="isData" class="body">
        <tr>
          <td>支付费用-放款手续费</td>
          <td>{{ data.this_new.business_cost_service_charge_for_loan }}</td>
          <td>{{ data.this_year.business_cost_service_charge_for_loan }}</td>
          <td>{{ data.this_month.business_cost_service_charge_for_loan }}</td>
        </tr>
        <tr>
          <td>支付费用-回款手续费</td>
          <td>{{ data.this_new.business_cost_service_charge_for_payment_collection }}</td>
          <td>{{ data.this_year.business_cost_service_charge_for_payment_collection }}</td>
          <td>{{ data.this_month.business_cost_service_charge_for_payment_collection }}</td>
        </tr>

        <tr>
          <td>销账费用</td>
          <td>{{ data.this_new.business_cost_write_off_expenses }}</td>
          <td>{{ data.this_year.business_cost_write_off_expenses }}</td>
          <td>{{ data.this_month.business_cost_write_off_expenses }}</td>
        </tr>
        <tr>
          <td>事业部服务费</td>
          <td>{{ data.this_new.business_cost_service_division_fee }}</td>
          <td>{{ data.this_year.business_cost_service_division_fee }}</td>
          <td>{{ data.this_month.business_cost_service_division_fee }}</td>
        </tr>
        <tr>
          <td>投放费</td>
          <td>{{ data.this_new.business_cost_agent_investment }}</td>
          <td>{{ data.this_year.business_cost_agent_investment }}</td>
          <td>{{ data.this_month.business_cost_agent_investment }}</td>
        </tr>

<!--        <tr>-->
<!--          <td>流量费用-业务名单</td>-->
<!--          <td>{{ data.this_new.business_cost_business_list }}</td>-->
<!--          <td>{{ data.this_year.business_cost_business_list }}</td>-->
<!--          <td>{{ data.this_month.business_cost_business_list }}</td>-->
<!--        </tr>-->
        <tr>
          <td>短信费用-通知/验证码短信</td>
          <td>{{ data.this_new.business_cost_verification_code_sms }}</td>
          <td>{{ data.this_year.business_cost_verification_code_sms }}</td>
          <td>{{ data.this_month.business_cost_verification_code_sms }}</td>
        </tr>
        <tr>
          <td>短信费用-营销短信</td>
          <td>{{ data.this_new.business_cost_marketing_sms }}</td>
          <td>{{ data.this_year.business_cost_marketing_sms }}</td>
          <td>{{ data.this_month.business_cost_marketing_sms }}</td>
        </tr>
        <tr>
          <td>电话费用-语音验证</td>
          <td>{{ data.this_new.business_cost_marketing_voice }}</td>
          <td>{{ data.this_year.business_cost_marketing_voice }}</td>
          <td>{{ data.this_month.business_cost_marketing_voice }}</td>
        </tr>
        <tr>
          <td>电话费用-语音电话</td>
          <td>{{ data.this_new.business_cost_voice_phone }}</td>
          <td>{{ data.this_year.business_cost_voice_phone }}</td>
          <td>{{ data.this_month.business_cost_voice_phone }}</td>
        </tr>
        <tr>
          <td>邮件费用-营销邮件</td>
          <td>{{ data.this_new.business_cost_marketing_email }}</td>
          <td>{{ data.this_year.business_cost_marketing_email }}</td>
          <td>{{ data.this_month.business_cost_marketing_email }}</td>
        </tr>
        <tr>
          <td>AI费用-智能催收</td>
          <td>{{ data.this_new.business_cost_intelligent_collection }}</td>
          <td>{{ data.this_year.business_cost_intelligent_collection }}</td>
          <td>{{ data.this_month.business_cost_intelligent_collection }}</td>
        </tr>
        <tr>
          <td>用户注册费</td>
          <td>{{ data.this_new.business_cost_user_registration_fee }}</td>
          <td>{{ data.this_year.business_cost_user_registration_fee }}</td>
          <td>{{ data.this_month.business_cost_user_registration_fee }}</td>
        </tr>
        <tr>
          <td>风控费用-黑名单</td>
          <td>{{ data.this_new.business_cost_blacklist }}</td>
          <td>{{ data.this_year.business_cost_blacklist }}</td>
          <td>{{ data.this_month.business_cost_blacklist }}</td>
        </tr>
        <tr>
          <td>风控费用-黑猫风控</td>
          <td>{{ data.this_new.business_cost_score }}</td>
          <td>{{ data.this_year.business_cost_score }}</td>
          <td>{{ data.this_month.business_cost_score }}</td>
        </tr>
        <tr>
          <td>风控费用-三方风控</td>
          <td>{{ data.this_new.business_cost_score_third_party }}</td>
          <td>{{ data.this_year.business_cost_score_third_party }}</td>
          <td>{{ data.this_month.business_cost_score_third_party }}</td>
        </tr>

        <tr>
          <td>风控费用-银行卡校验费</td>
          <td>{{ data.this_new.business_cost_bank_card_verification_fee }}</td>
          <td>{{ data.this_year.business_cost_bank_card_verification_fee }}</td>
          <td>{{ data.this_month.business_cost_bank_card_verification_fee }}</td>
        </tr>
        <tr>
          <td>风控费用-运营商费用</td>
          <td>{{ data.this_new.business_cost_operator_fees }}</td>
          <td>{{ data.this_year.business_cost_operator_fees }}</td>
          <td>{{ data.this_month.business_cost_operator_fees }}</td>
        </tr>
        <tr>
          <td>风控费用-身份校验费</td>
          <td>{{ data.this_new.business_cost_identity_verification_fee }}</td>
          <td>{{ data.this_year.business_cost_identity_verification_fee }}</td>
          <td>{{ data.this_month.business_cost_identity_verification_fee }}</td>
        </tr>
        <tr>
          <td>风控费用-OCR+活体检测+人脸比对</td>
          <td>{{ data.this_new.ocr_detection_comparison }}</td>
          <td>{{ data.this_year.ocr_detection_comparison }}</td>
          <td>{{ data.this_month.ocr_detection_comparison }}</td>
        </tr>
        <tr>
          <td>人脸黑名单</td>
          <td>{{ data.this_new.business_cost_face_fee }}</td>
          <td>{{ data.this_year.business_cost_face_fee }}</td>
          <td>{{ data.this_month.business_cost_face_fee }}</td>
        </tr>
        <tr>
          <td>反欺诈费</td>
          <td>{{ data.this_new.business_cost_anti_fraud_fee }}</td>
          <td>{{ data.this_year.business_cost_anti_fraud_fee }}</td>
          <td>{{ data.this_month.business_cost_anti_fraud_fee }}</td>
        </tr>
        <tr>
          <td>APP费用-APK包</td>
          <td>{{ data.this_new.business_cost_apk_package }}</td>
          <td>{{ data.this_year.business_cost_apk_package }}</td>
          <td>{{ data.this_month.business_cost_apk_package }}</td>
        </tr>
        <tr>
          <td>APP费用-APP上架包</td>
          <td>{{ data.this_new.business_cost_app_on_shelf_package }}</td>
          <td>{{ data.this_year.business_cost_app_on_shelf_package }}</td>
          <td>{{ data.this_month.business_cost_app_on_shelf_package }}</td>
        </tr>
        <tr>
          <td>APP费用-APP维护费</td>
          <td>{{ data.this_new.business_cost_app_maintenance_fee }}</td>
          <td>{{ data.this_year.business_cost_app_maintenance_fee }}</td>
          <td>{{ data.this_month.business_cost_app_maintenance_fee }}</td>
        </tr>
<!--        <tr>-->
<!--          <td>投放费用-代投</td>-->
<!--          <td>{{ data.this_new.business_cost_agent_investment }}</td>-->
<!--          <td>{{ data.this_year.business_cost_agent_investment }}</td>-->
<!--          <td>{{ data.this_month.business_cost_agent_investment }}</td>-->
<!--        </tr>-->
        <tr>
          <td>外包费用-座席费</td>
          <td>{{ data.this_new.business_cost_seat_fee }}</td>
          <td>{{ data.this_year.business_cost_seat_fee }}</td>
          <td>{{ data.this_month.business_cost_seat_fee }}</td>
        </tr>
        <tr>
          <td>外包费用-佣金</td>
          <td>{{ data.this_new.business_cost_commission }}</td>
          <td>{{ data.this_year.business_cost_commission }}</td>
          <td>{{ data.this_month.business_cost_commission }}</td>
        </tr>
        <tr>
          <td>SAAS服务费用-打款服务</td>
          <td>{{ data.this_new.business_cost_payment_service }}</td>
          <td>{{ data.this_year.business_cost_payment_service }}</td>
          <td>{{ data.this_month.business_cost_payment_service }}</td>
        </tr>
        <tr>
          <td>数据费用</td>
          <td>{{ data.this_new.business_cost_data_service }}</td>
          <td>{{ data.this_year.business_cost_data_service }}</td>
          <td>{{ data.this_month.business_cost_data_service }}</td>
        </tr>
        <tr>
          <td>税金及附加</td>
          <td>{{ data.this_new.business_cost_taxes_and_surcharges }}</td>
          <td>{{ data.this_year.business_cost_taxes_and_surcharges }}</td>
          <td>{{ data.this_month.business_cost_taxes_and_surcharges }}</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.this_new.main_business_cost_subtota }}</td>
          <td>{{ data.this_year.main_business_cost_subtota }}</td>
          <td>{{ data.this_month.main_business_cost_subtota }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--    营业费用-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">4.营业费用</div>
        <!--      </div>-->
        <!--      <div class="total">-->
        <!--        <span>合计 : {{ data.this_month.operating_expenses_subtota }}</span>-->
        <!--        <span>单位 : 元</span>-->
        <!--      </div>-->
        <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
          <span>单位 : 元</span>
        </div>
        <table class="table" width="100%" cellspacing="0">
          <thead class="header">
          <th>科目</th>
          <th>营业至今累计数</th>
          <th>本年累计数</th>
          <th>本月数</th>
          </thead>
          <tbody v-if="isData" class="body">
          <tr>
            <td>员工工资</td>
            <td>{{ data.this_new.operating_expenses_employee_salary }}</td>
            <td>{{ data.this_year.operating_expenses_employee_salary }}</td>
            <td>{{ data.this_month.operating_expenses_employee_salary }}</td>
          </tr>
          <tr>
            <td>员工奖金</td>
            <td>{{ data.this_new.operating_expenses_employee_bonus }}</td>
            <td>{{ data.this_year.operating_expenses_employee_bonus }}</td>
            <td>{{ data.this_month.operating_expenses_employee_bonus }}</td>
          </tr>
          <tr>
            <td>社保费</td>
            <td>{{ data.this_new.operating_expenses_social_security_fee }}</td>
            <td>{{ data.this_year.operating_expenses_social_security_fee }}</td>
            <td>{{ data.this_month.operating_expenses_social_security_fee }}</td>
          </tr>
          <tr>
            <td>房租费</td>
            <td>{{ data.this_new.operating_expenses_rent }}</td>
            <td>{{ data.this_year.operating_expenses_rent }}</td>
            <td>{{ data.this_month.operating_expenses_rent }}</td>
          </tr>
          <tr>
            <td>水电费</td>
            <td>{{ data.this_new.operating_expenses_water_and_electricity }}</td>
            <td>{{ data.this_year.operating_expenses_water_and_electricity }}</td>
            <td>{{ data.this_month.operating_expenses_water_and_electricity }}</td>
          </tr>
          <tr>
            <td>物业管理费</td>
            <td>{{ data.this_new.operating_expenses_property_management_fee }}</td>
            <td>{{ data.this_year.operating_expenses_property_management_fee }}</td>
            <td>{{ data.this_month.operating_expenses_property_management_fee }}</td>
          </tr>
          <tr>
            <td>办公费</td>
            <td>{{ data.this_new.operating_expense_office_expensess }}</td>
            <td>{{ data.this_year.operating_expense_office_expensess }}</td>
            <td>{{ data.this_month.operating_expense_office_expensess }}</td>
          </tr>
          <tr>
            <td>交通费</td>
            <td>{{ data.this_new.operating_expenses_traffic_expense }}</td>
            <td>{{ data.this_year.operating_expenses_traffic_expense }}</td>
            <td>{{ data.this_month.operating_expenses_traffic_expense }}</td>
          </tr>
          <tr>
            <td>福利费</td>
            <td>{{ data.this_new.operating_expenses_welfare_funds }}</td>
            <td>{{ data.this_year.operating_expenses_welfare_funds }}</td>
            <td>{{ data.this_month.operating_expenses_welfare_funds }}</td>
          </tr>
          <tr>
            <td>业务招待费</td>
            <td>{{ data.this_new.operating_expenses_business_entertainment_expenses }}</td>
            <td>{{ data.this_year.operating_expenses_business_entertainment_expenses }}</td>
            <td>{{ data.this_month.operating_expenses_business_entertainment_expenses }}</td>
          </tr>
          <tr>
            <td>通讯费</td>
            <td>{{ data.this_new.operating_expenses_communication_fee }}</td>
            <td>{{ data.this_year.operating_expenses_communication_fee }}</td>
            <td>{{ data.this_month.operating_expenses_communication_fee }}</td>
          </tr>
          <tr>
            <td>私卡代持费</td>
            <td>{{ data.this_new.operating_expenses_private_card_holding_fee }}</td>
            <td>{{ data.this_year.operating_expenses_private_card_holding_fee }}</td>
            <td>{{ data.this_month.operating_expenses_private_card_holding_fee }}</td>
          </tr>
          <tr>
            <td>法人代持费</td>
            <td>{{ data.this_new.operating_expenses_legal_person_holding_fee }}</td>
            <td>{{ data.this_year.operating_expenses_legal_person_holding_fee }}</td>
            <td>{{ data.this_month.operating_expenses_legal_person_holding_fee }}</td>
          </tr>

          <tr>
            <td>项目服务费</td>
            <td>{{ data.this_new.operating_expenses_project_service_fee }}</td>
            <td>{{ data.this_year.operating_expenses_project_service_fee }}</td>
            <td>{{ data.this_month.operating_expenses_project_service_fee }}</td>
          </tr>
          <tr>
            <td>差旅费</td>
            <td>{{ data.this_new.operating_expenses_travel_expenses }}</td>
            <td>{{ data.this_year.operating_expenses_travel_expenses }}</td>
            <td>{{ data.this_month.operating_expenses_travel_expenses }}</td>
          </tr>
          <tr>
            <td>地址挂靠费</td>
            <td>{{ data.this_new.operating_expenses_address_affiliation_fee }}</td>
            <td>{{ data.this_year.operating_expenses_address_affiliation_fee }}</td>
            <td>{{ data.this_month.operating_expenses_address_affiliation_fee }}</td>
          </tr>
          <tr>
            <td>服务费</td>
            <td>{{ data.this_new.operating_expenses_service_charge }}</td>
            <td>{{ data.this_year.operating_expenses_service_charge }}</td>
            <td>{{ data.this_month.operating_expenses_service_charge }}</td>
          </tr>
          <tr>
            <td>合计</td>
            <td>{{ data.this_new.operating_expenses_subtota }}</td>
            <td>{{ data.this_year.operating_expenses_subtota }}</td>
            <td>{{ data.this_month.operating_expenses_subtota }}</td>
          </tr>
          </tbody>
          <tr v-else class="no_data">
            <td colspan="4">
              你想要的正在来的路上...
            </td>
          </tr>
        </table>
      </div>
    </div>
    <!--    管理费用-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">5.管理费用</div>
      </div>
      <!--      <div class="total">-->
      <!--        <span>合计 : {{ data.this_month.management_expenses_subtota }}</span>-->
      <!--        <span>单位 : 元</span>-->
      <!--      </div>-->
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody v-if="isData" class="body">
        <tr>
          <td>管理工资</td>
          <td>{{ data.this_new.management_expenses_management_salary }}</td>
          <td>{{ data.this_year.management_expenses_management_salary }}</td>
          <td>{{ data.this_month.management_expenses_management_salary }}</td>
        </tr>
        <tr>
          <td>管理绩效</td>
          <td>{{ data.this_new.management_expenses_management_performance }}</td>
          <td>{{ data.this_year.management_expenses_management_performance }}</td>
          <td>{{ data.this_month.management_expenses_management_performance }}</td>
        </tr>
        <tr>
          <td>管理奖金</td>
          <td>{{ data.this_new.management_expenses_management_bonus }}</td>
          <td>{{ data.this_year.management_expenses_management_bonus }}</td>
          <td>{{ data.this_month.management_expenses_management_bonus }}</td>
        </tr>
        <tr>
          <td>社保费</td>
          <td>{{ data.this_new.management_expenses_social_security_fee }}</td>
          <td>{{ data.this_year.management_expenses_social_security_fee }}</td>
          <td>{{ data.this_month.management_expenses_social_security_fee }}</td>
        </tr>
        <tr>
          <td>住房公积金</td>
          <td>{{ data.this_new.management_expenses_accumulation_fund }}</td>
          <td>{{ data.this_year.management_expenses_accumulation_fund }}</td>
          <td>{{ data.this_month.management_expenses_accumulation_fund }}</td>
        </tr>
        <tr>
          <td>房租费</td>
          <td>{{ data.this_new.management_expenses_rent }}</td>
          <td>{{ data.this_year.management_expenses_rent }}</td>
          <td>{{ data.this_month.management_expenses_rent }}</td>
        </tr>
        <tr>
          <td>水电费</td>
          <td>{{ data.this_new.management_expenses_water_and_electricity }}</td>
          <td>{{ data.this_year.management_expenses_water_and_electricity }}</td>
          <td>{{ data.this_month.management_expenses_water_and_electricity }}</td>
        </tr>
        <tr>
          <td>物业管理费</td>
          <td>{{ data.this_new.management_expenses_property_management_fee }}</td>
          <td>{{ data.this_year.management_expenses_property_management_fee }}</td>
          <td>{{ data.this_month.management_expenses_property_management_fee }}</td>
        </tr>
        <tr>
          <td>办公费</td>
          <td>{{ data.this_new.management_expenses_office_expenses }}</td>
          <td>{{ data.this_year.management_expenses_office_expenses }}</td>
          <td>{{ data.this_month.management_expenses_office_expenses }}</td>
        </tr>
        <tr>
          <td>交通费</td>
          <td>{{ data.this_new.management_expenses_traffic_expense }}</td>
          <td>{{ data.this_year.management_expenses_traffic_expense }}</td>
          <td>{{ data.this_month.management_expenses_traffic_expense }}</td>
        </tr>
        <tr>
          <td>福利费</td>
          <td>{{ data.this_new.management_expenses_welfare_funds }}</td>
          <td>{{ data.this_year.management_expenses_welfare_funds }}</td>
          <td>{{ data.this_month.management_expenses_welfare_funds }}</td>
        </tr>
        <tr>
          <td>业务招待费</td>
          <td>{{ data.this_new.management_expenses_business_entertainment_expenses }}</td>
          <td>{{ data.this_year.management_expenses_business_entertainment_expenses }}</td>
          <td>{{ data.this_month.management_expenses_business_entertainment_expenses }}</td>
        </tr>
        <tr>
          <td>通讯费</td>
          <td>{{ data.this_new.management_expenses_communication_fee }}</td>
          <td>{{ data.this_year.management_expenses_communication_fee }}</td>
          <td>{{ data.this_month.management_expenses_communication_fee }}</td>
        </tr>
        <tr>
          <td>电脑租赁费</td>
          <td>{{ data.this_new.management_expenses_rental_fee }}</td>
          <td>{{ data.this_year.management_expenses_rental_fee }}</td>
          <td>{{ data.this_month.management_expenses_rental_fee }}</td>
        </tr>
        <tr>
          <td>咨询费</td>
          <td>{{ data.this_new.management_expenses_consultation_fee }}</td>
          <td>{{ data.this_year.management_expenses_consultation_fee }}</td>
          <td>{{ data.this_month.management_expenses_consultation_fee }}</td>
        </tr>
        <tr>
          <td>差旅费</td>
          <td>{{ data.this_new.management_expenses_depreciation_fee }}</td>
          <td>{{ data.this_year.management_expenses_depreciation_fee }}</td>
          <td>{{ data.this_month.management_expenses_depreciation_fee }}</td>
        </tr>
        <tr>
          <td>法人代持费</td>
          <td>{{ data.this_new.management_expenses_legal_person_holding_fee }}</td>
          <td>{{ data.this_year.management_expenses_legal_person_holding_fee }}</td>
          <td>{{ data.this_month.management_expenses_legal_person_holding_fee }}</td>
        </tr>
        <tr>
          <td>工位费</td>
          <td>{{ data.this_new.management_expenses_station_fee }}</td>
          <td>{{ data.this_year.management_expenses_station_fee }}</td>
          <td>{{ data.this_month.management_expenses_station_fee }}</td>
        </tr>
        <tr>
          <td>服务费</td>
          <td>{{ data.this_new.management_expenses_service_fee }}</td>
          <td>{{ data.this_year.management_expenses_service_fee }}</td>
          <td>{{ data.this_month.management_expenses_service_fee }}</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.this_new.management_expenses_subtota }}</td>
          <td>{{ data.this_year.management_expenses_subtota }}</td>
          <td>{{ data.this_month.management_expenses_subtota }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--    财务费用-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">6.财务费用</div>
      </div>
      <!--      <div class="total">-->
      <!--        <span>合计 : {{ data.this_month.financial_expenses_subtota }}</span>-->
      <!--        <span>单位 : 元</span>-->
      <!--      </div>-->
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody v-if="isData" class="body">
        <tr>
          <td>手续费</td>
          <td>{{ data.this_new.financial_expenses_service_charge }}</td>
          <td>{{ data.this_year.financial_expenses_service_charge }}</td>
          <td>{{ data.this_month.financial_expenses_service_charge }}</td>
        </tr>
        <tr>
          <td>汇兑损益</td>
          <td>{{ data.this_new.financial_expenses_exchange_gains_and_losses }}</td>
          <td>{{ data.this_year.financial_expenses_exchange_gains_and_losses }}</td>
          <td>{{ data.this_month.financial_expenses_exchange_gains_and_losses }}</td>
        </tr>
        <tr>
          <td>利息支出</td>
          <td>{{ data.this_new.financial_expenses_interest_expense }}</td>
          <td>{{ data.this_year.financial_expenses_interest_expense }}</td>
          <td>{{ data.this_month.financial_expenses_interest_expense }}</td>
        </tr>
        <tr>
          <td>银行服务费</td>
          <td>{{ data.this_new.financial_expenses_bank_service_charge }}</td>
          <td>{{ data.this_year.financial_expenses_bank_service_charge }}</td>
          <td>{{ data.this_month.financial_expenses_bank_service_charge }}</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.this_new.financial_expenses_subtota }}</td>
          <td>{{ data.this_year.financial_expenses_subtota }}</td>
          <td>{{ data.this_month.financial_expenses_subtota }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--    资产减值损失-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">7.资产减值损失</div>
      </div>
      <!--      <div class="total">-->
      <!--        <span>合计 : {{ data.this_month.assets_impairment_loss_subtota }}</span>-->
      <!--        <span>单位 : 元</span>-->
      <!--      </div>-->
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody v-if="isData" class="body">
        <tr>
          <td>M1(1-7)</td>
          <td>{{ data.this_new.assets_impairment_loss_m1 }}</td>
          <td>{{ data.this_year.assets_impairment_loss_m1 }}</td>
          <td>{{ data.this_month.assets_impairment_loss_m1 }}</td>
        </tr>
        <tr>
          <td>M2(8-15)</td>
          <td>{{ data.this_new.assets_impairment_loss_m2 }}</td>
          <td>{{ data.this_year.assets_impairment_loss_m2 }}</td>
          <td>{{ data.this_month.assets_impairment_loss_m2 }}</td>
        </tr>
        <tr>
          <td>M3(16-30)</td>
          <td>{{ data.this_new.assets_impairment_loss_m3 }}</td>
          <td>{{ data.this_year.assets_impairment_loss_m3 }}</td>
          <td>{{ data.this_month.assets_impairment_loss_m3 }}</td>
        </tr>
        <tr>
          <td>M3+(30天+)</td>
          <td>{{ data.this_new.assets_impairment_loss_m3a }}</td>
          <td>{{ data.this_year.assets_impairment_loss_m3a }}</td>
          <td>{{ data.this_month.assets_impairment_loss_m3a }}</td>
        </tr>
        <tr>
          <td>展期本金</td>
          <td>{{ data.this_new.assets_impairment_loss_renewal_principal }}</td>
          <td>{{ data.this_year.assets_impairment_loss_renewal_principal }}</td>
          <td>{{ data.this_month.assets_impairment_loss_renewal_principal }}</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.this_new.assets_impairment_loss_subtota }}</td>
          <td>{{ data.this_year.assets_impairment_loss_subtota }}</td>
          <td>{{ data.this_month.assets_impairment_loss_subtota }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--    营业外收入-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">8.营业外收入</div>
      </div>
      <!--      <div class="total">-->
      <!--        <span>合计 : {{ data.this_month.non_operating_income_subtota }}</span>-->
      <!--        <span>单位 : 元</span>-->
      <!--      </div>-->
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td>营业外收入</td>
          <td>{{ data.this_new.non_operating_income_other_income }}</td>
          <td>{{ data.this_year.non_operating_income_other_income }}</td>
          <td>{{ data.this_month.non_operating_income_other_income }}</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.this_new.non_operating_income_subtota }}</td>
          <td>{{ data.this_year.non_operating_income_subtota }}</td>
          <td>{{ data.this_month.non_operating_income_subtota }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--    营业外支出-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">9.营业外支出</div>
      </div>
      <!--      <div class="total">-->
      <!--        <span>合计 : {{ data.this_month.non_operating_expenses_subtota }}</span>-->
      <!--        <span>单位 : 元</span>-->
      <!--      </div>-->
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody v-if="isData" class="body">
        <tr>
          <td>营业外支出</td>
          <td>{{ data.this_new.non_operating_expenses }}</td>
          <td>{{ data.this_year.non_operating_expenses }}</td>
          <td>{{ data.this_month.non_operating_expenses }}</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.this_new.non_operating_expenses_subtota }}</td>
          <td>{{ data.this_year.non_operating_expenses_subtota }}</td>
          <td>{{ data.this_month.non_operating_expenses_subtota }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--    净利润-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">9.净利润</div>
      </div>
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>营业至今累计数</th>
        <th>本年累计数</th>
        <th>本月数</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td>净利润</td>
          <td>{{ data.this_new.net_profit_subtota }}</td>
          <td>{{ data.this_year.net_profit_subtota }}</td>
          <td>{{ data.this_month.net_profit_subtota }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  name: "loseTable",
  props: {
    data: {
      default: () => {
      }
    }
  },
  computed: {
    isData() {
      return Object.keys(this.data).length !== 0
    }
  }
}
</script>

<style>

</style>
